<template>
  <div>
    <button @click="updateCount(3)">{{ count }}</button>
  </div>
</template>

<script setup>
// 要注入祖先组件供给的数据，需要使用 inject() 函数
import { inject } from 'vue'

// 默认情况下，inject 假设传入的注入名会被某个祖先链上的组件提供。如果该注入名的确没有任何组件提供，则会抛出一个运行时警告。可以在注入时声明一个默认值
const info = inject('info', '这是默认值')
console.log(info);
const message = inject('message')
console.log(message);
const { count, updateCount } = inject('count')
console.log(count); // 如果供给的值是一个 ref，注入进来的就是它本身，而不会自动解包。使得被注入的组件保持了和供给者的响应性链接
</script>

<style scoped>

</style>